ゲージへの目盛りマークの追加

［プロパティ］ウィンドウ、XAML、またはコードで、C1LinearGauge コントロールに目盛りマークを追加できます。このトピックでは、C1LinearGauge コントロールの C1GaugeMark プロパティを設定しますが、同じ手順を使用して、他のコントロールの C1GaugeMark をカスタマイズすることもできます。

設計時

設計時に［プロパティ］ウィンドウで C1LinearGauge コントロールに目盛りマークを追加するには、次の手順に従います。

C1LinearGauge コントロールをクリックして選択します。
［プロパティ］ウィンドウに移動し、［デコレータ］項目の横にある省略符ボタンをクリックします。［デコレータ］コレクションエディタが開きます。
エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。C1GaugeMark デコレータがコレクションに追加されて選択されます。
右側の［プロパティ］ペインで、C1GaugeMark 要素の Location を 1.1 に設定します。
C1GaugeLabel 要素の Interval を 20 に設定します。
エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。２番目の C1GaugeMark デコレータがコレクションに追加されて選択されます。
右側の［プロパティ］ペインで、C1GaugeMark 要素の Location を 1.1 に設定します。
C1GaugeLabel 要素の Interval を 10 に設定します。
エディタの左上にあるドロップダウンリストで C1GaugeMark を選択し、［追加］ボタンをクリックします。３番目の C1GaugeMark デコレータがコレクションに追加されて選択されます。
右側の［プロパティ］ペインで、C1GaugeMark 要素の Location を 1.1 に設定します。
C1GaugeLabel 要素の Interval を 5 に設定します。

XAML の場合

XAML で C1LinearGauge コントロールにラベルを追加するには、３つの <Gauge:C1GaugeMark> タグを <Gauge:C1LinearGauge> タグに追加します。

次のようになります。

XAMLマークアップ	コードのコピー
<Gauge:C1LinearGauge Height="89" Margin="90,72,41,88" Name="C1LinearGauge1" Width="287"> <Gauge:C1GaugeMark Interval="20" Location="1.1" /> <Gauge:C1GaugeMark Interval="10" Location="1.1" /> <Gauge:C1GaugeMark Interval="5" Location="1.1" /> </Gauge:C1LinearGauge>

コードの場合

ウィンドウを右クリックし、［コードの表示］を選択してコードエディタを開きます。コードをメインクラスに追加します。次のようになります。

Visual Basic コードの書き方

Visual Basic	コードのコピー
Public Sub New() InitializeComponent() Dim c1gm1 As New C1.Xaml.Gauge.C1GaugeMark c1gm1.Location = 1.1 c1gm1.Interval = 20 Me.C1LinearGauge1.Decorators.Add(c1gm1) Dim c1gm2 As New C1.Xaml.Gauge.C1GaugeMark c1gm2.Location = 1.1 c1gm2.Interval = 10 Me.C1LinearGauge1.Decorators.Add(c1gm2) Dim c1gm3 As New C1.Xaml.Gauge.C1GaugeMark c1gm3.Location = 1.1 c1gm3.Interval = 5 Me.C1LinearGauge1.Decorators.Add(c1gm3) End Sub

C# コードの書き方

C#	コードのコピー
public MainPage(){ InitializeComponent(); C1.Xaml.Gauge.C1GaugeLabel c1gm1 = new C1.Xaml.Gauge.C1GaugeMark(); c1gm1.Location = 1.1; c1gm1.Interval = 20; this.c1LinearGauge1.Decorators.Add(c1gm1); C1.Xaml.Gauge.C1GaugeLabel c1gm2 = new C1.Xaml.Gauge.C1GaugeMark(); c1gm2.Location = 1.1; c1gm2.Interval = 10; this.c1LinearGauge1.Decorators.Add(c1gm2); C1.Xaml.Gauge.C1GaugeLabel c1gm3 = new C1.Xaml.Gauge.C1GaugeMark(); c1gm3.Location = 1.1; c1gm3.Interval = 5; this.c1LinearGauge1.Decorators.Add(c1gm3); }

プロジェクトの実行と確認

C1LinearGauge コントロールに３種類のサイズの目盛りマークが表示されます。